/* 基本信息 */
.xx_par {
  background-color: #ffffff;
}

.xx_ul_par {
  padding-top: 60px;
}

.xx_ul {}

.xx_ul li {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}


.xx_ul li:last-child {
  margin-bottom: 0;
}

.xx_ul li p {
  width: 9%;
  text-align: right;
  font-size: 14px;
  color: #666666;
}

.xx_ul li div {
  margin-left: 15px;
}

.xx_ul li input {
  width: 700px;
  padding: 10px 15px;
  border: 1px solid #D7DEE7;
  font-size: 14px;
  color: #cbcbcb;
}

.xx_ul li select {
  width: 700px;
  padding: 10px 15px;
  border: 1px solid #D7DEE7;
  font-size: 14px;
  color: #cbcbcb;
  background-image: url(../images/zzc_img/geren_sanjiao.png);
  background-repeat: no-repeat;
  background-position: 98% 50%;
  border: 1px solid #D2DAE4;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.xx_ul li button {
  padding: 10px 10px;
  width: 120px;
  background-color: #3677FF;
  border: 1px solid #3677FF;
  border-radius: 3px;
  font-size: 14px;
  color: #ffffff;
  margin-bottom: 100px;
}

/* 我的积分 */

.jf_top,
.jf_c {
  padding-left: 25px;
  background-color: #ffffff;
}

.jf_top {
  padding-top: 45px;
  margin-bottom: 20px;
}

.jf_top_msg {
  font-size: 16px;
  color: #333333;
}

.jf_top_c {
  display: flex;
  align-items: center;
  padding-bottom: 50px;
}

.jf_top_c div {
  border-right: 1px dashed #E1E1E1;
  width: 15%;
  text-align: center;
}

.jf_top_c div p {
  font-size: 14px;
  color: #666666;
  padding: 20px 0px;
}

.jf_top_c div p span {
  font-size: 22px;
  color: #f0a700;
}

.jf_top_c div h1 {
  padding: 10px 0px;
  font-size: 14px;
  color: #666666;
}

.jf_top_c div h1 span {
  font-size: 16px;
  color: #666666;
  font-weight: 700;
}

.jf_c_top {
  display: flex;
  align-items: center;
  padding: 40px 0px;
}

.jf_c_top div {
  display: flex;
  align-items: center;
  margin-right: 50px;
  width: 15%;
}

.jf_c_top div p {
  width: 40%;
  text-align: right;
}

.jf_c_top div input {
  margin-left: 10px;
  width: 60%;
  padding: 5px 10px;
  border: 1px solid #EFF0F6;
}

.jf_c_top div select {
  margin-left: 10px;
  width: 60%;
  padding: 5px 10px;
  border: 1px solid #EFF0F6;
  background-image: url(../images/zzc_img/geren_sanjiao.png);
  background-repeat: no-repeat;
  background-position: 95% 50%;
  border: 1px solid #D2DAE4;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.jf_c_top div button {
  width: 80px;
  padding: 5px 10px;
  margin-right: 10px;
  border-radius: 3px;
  border: 1px solid #3677FF;
  background-color: #3677FF;
  color: #ffffff;
}

.jf_c_msg {
  padding-bottom: 10px;
  border-bottom: 1px solid #F4F5F8;
}

.jf_c_msg p {
  color: #3377ff;
  font-size: 16px;
  font-weight: 700;
}

.jf_b_ul {
  padding-top: 20px;
}

.jf_b_ul li:first-child {
  font-size: 15px;
  color: #758791;
  background-color: #F1F3F7;
}

.jf_b_ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 0px;
  border-bottom: 1px solid #EAEAEA;
}

.jf_b_ul li:hover {
  background-color: #F8F9FB;
}

.jf_b_ul li div {
  font-size: 14px;
  color: #6e6e6e;
}


.jf_b_ul li div:nth-child(1) {
  width: 20%;
  padding-left: 20px;
}

.jf_b_ul li div:nth-child(2) {
  width: 50%;
}

.jf_b_ul li div:nth-child(3) {
  width: 30%;
}

.jf_b_ul li div:nth-child(3) h1 {
  color: #3377ff;
}

.jf_b_ul li div:nth-child(3).active h1 {
  color: #f56c6c;
}

/* 页码 */
.page_par {
  padding: 40px 0px;
}

.list-page {
  float: none;
  text-align: right;
}

/* 我的任务 */

.rw_top {
  background-color: #ffffff;
  padding-left: 20px;
  margin-bottom: 20px;
}

.rw_top_div div {
  margin-right: 20px;
  font-size: 14px;
  color: #3a3a3a;
  width: 15%;
}

.rw_c {
  background-color: #ffffff;
  padding-left: 20px;
  padding-right: 40px;
}

.rw_c_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0px;
}

.rw_c_top p {
  font-size: 16px;
  color: #3377ff;
}
.rw_c_top  a{
  margin-right: 10px;
}
.rw_c_top  a.active{
  color: #3377ff;
}
.rw_c_top p i {
  margin-right: 10px;
}

.rw_c_top button {
  width: 80px;
  padding: 5px 10px;
  border: 1px solid #EDEDED;
  background-color: #F7F7F7;
  color: #333333;
  font-size: 14px;
  border-radius: 5px;
}

.rw_c_ul_par {}

.rw_c_ul {}

.rw_c_ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0px;
  font-size: 14px;
  color: #6e6e6e;
  border-bottom: 1px solid #F1F2F3;
}

/* .rw_c_ul li:first-child {
  background-color: #F1F3F7;
  font-size: 15px;
  color: #758791;
} */


/* .rw_c_ul li div {
  width: 10%;
  text-align: left;
} */

/* .rw_c_ul li div:first-child {
  padding-left: 20px;
  width: 25%;
}

.rw_c_ul li div:nth-child(2) {
  width: 25%;
} */

/* .rw_c_ul li div:first-child b {
  margin-right: 20px;
} */

.rw_c_ul li div.active {
  color: #3377ff;
}

.rw_c_ul li div.ing {
  color: #f56c6c;
}

.rw_c_ul li div.cy {
  color: #67c23a;
}


.xq {
  font-size: 12px;
  color: #3377ff;
}

.xq i {
  font-size: 16px;
  margin-right: 10px;
  color: #3377ff;
}

.xq a {
  padding: 3px 5px;
  border: 1px solid #3377ff;
  color: #3377ff;
  border-radius: 5px;
}

.tz_par {
  padding-top: 20px;
}

.tz_b_ul li div:nth-child(1) {
  width: 20%;
}

.tz_b_ul li div:nth-child(2) {
  width: 60%;
}

.tz_b_ul li div:nth-child(3) {
  width: 20%;
}

.lx_par {
  padding: 0px 20px;
}

.lx_c {
  padding-top: 20px;
}

.lx_c p {
  font-size: 14px;
  color: #999999;
  padding: 10px 0px;
}


.lx_c img {
  text-align: center;
  max-width: 100%;
  padding: 10px 0px;
}

.main_item {
  width: 100%;
}

.she_list {
  width: 31%;
}

.zs_par {
  padding-left: 25px;
}

.zs_ul{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding-top: 25px;
  margin-bottom: 35px;
}

.zs_ul li{
  border: 1px solid #EFEFEF;
  width: 24%;
  margin-right: 15px;
  box-shadow: 5px 5px 0px #F2F2F2;
  border-radius: 5px;
  margin-bottom: 15px;
}

.zs_ul li:nth-child(4n){
  margin-right: 0;
}
.zs_ul li p{
  font-size: 16px;
  color: #6a6a6a;
  padding-top: 30px;
  padding-left: 20px;
  padding-bottom: 20px;
}

.zs_ul li h1{
  font-size: 18px;
  color: #3a3a3a;
  padding-bottom: 25px;
  border-bottom: 1px solid #F2F2F2;
  padding-left: 20px;
}

.zs_ul li h2{
  font-size: 14px;
  color: #333333;
  padding: 25px 20px 35px 20px;
  line-height: 30px;
}










@media screen and (max-width:1800px) {}

@media screen and (max-width:1600px) {
  .rw_c_top div p {
    width: 50%;
  }
  .zs_ul li{
    margin-right: 12px;
  }
}

@media screen and (max-width:1400px) {
  .rw_c_top div p {
    width: 85%;
  }

  .jf_c_top div p {
    width: 60%;
  }
}

@media screen and (max-width:1023px) {}